<template>
  <div :style="style" class="vc-video">
    <div class="video-box"></div>
  </div>
</template>

<script setup>
import { computed } from 'vue'
import visual from "@/visual/js/visual";

const props = defineProps({
  node: Object,
  compStyle: Object,
  compData: Object,
});

const style = computed(() => {
  const compStyle = props.compStyle || {};
  return visual.parseStyle(compStyle);
});
</script>

<style scoped>
.vc-video {
  height: 100%;
  width: 100%;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  border: 1px dashed #c2c2c2;
}
.video-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
</style>